<template>
    <view>
        <div class="lists">
            <GoodCard class="lists_li" v-for="(li,key) in list" :key="key" :info="li" />
        </div>
    </view>
</template>

<script>
import GoodCard from './goodCard.vue';
export default {
    components: { GoodCard },
    props: {
        list: {
            type: Array,
            default: [],
        }
    },
    data() {
        return {};
    },
    computed: {},
    mounted() { },
    methods: {},
};
</script>

<style lang="scss" scoped>
.lists {
    display: flex;
    flex-wrap: wrap;
    width: 100%;

    .lists_li {
        width: calc((100% - 24rpx) / 2);
        margin: 0 24rpx 24rpx 0;
    }
    
    .lists_li:nth-child(2n) {
        margin: 0 0 24rpx 0;
    }
}
</style>
